<#include "include/macro-head.ftl">
<!doctype html>
<html lang="en">
<head>
<@head></@head>
    <title>${title}</title>
</head>
<body>
<#include "include/main-nav.ftl">
<div class="container">
    <div class="row">
        <div class="col-md-8">
        <#include "include/personal-page-nav.ftl">
            <div class="col-md-12">
                <div class="user-works-list">
                <#list worksList as work>
                    <div class="user-work">
                        <img src="${work.author.img}">
                        <ul>
                            <li class="user-work-title"><a href="${server}/workInfo/${work.wid}">${work.name}</a></li>
                            <li class="user-work-detail"><a
                                    href="${server}/member/${work.author.username}/works">${work.author.username}</a><span
                                    class="time">${work.ago}</span>
                            </li>
                        </ul>
                    </div>
                </#list>

                    <div class="work-page" style="margin-right: 20px">
                        <ul class="pagination pull-right">
                        <#if (page.sumPage<=4)&&(page.sumPage>0)>
                            <#list 1..page.sumPage  as p>
                                <#if p == page.curPage>
                                    <li class="active"><a
                                            href="${server}/member/${member_user.username}/works/${p}">${p}</a></li>
                                <#else>
                                    <li><a href="${server}/member/${member_user.username}/works/${p}">${p}</a></li>
                                </#if>
                            </#list>
                        <#elseif (page.sumPage > 4)>
                            <#if page.curPage != 1>
                                <li><a href="#">&gt;</a></li>
                            </#if>
                            <#if page.curPage + 3 <= page.sumPage >
                                <#list page.curPage..page.sumPage as p>
                                    <#if p == page.curPage>
                                        <li class="active"><a
                                                href="${server}/member/${member_user.username}/works/${p}">${p}</a></li>
                                    <#else>
                                        <li><a href="${server}/member/${member_user.username}/works/${p}">p</a></li>
                                    </#if>
                                </#list>
                            <#else>
                                <#list page.curPage..page.curPage+3 as p>
                                    <#if p == page.curPage>
                                        <li class="active"><a
                                                href="${server}/member/${member_user.username}/works/${p}">${p}</a></li>
                                    <#else>
                                        <li><a href="${server}/member/${member_user.username}/works/${p}">p</a></li>
                                    </#if>
                                </#list>
                                <li>
                                    <a href="${server}/member/${member_user.username}/works/${page.curPage+4}">&gt;&gt;</a>
                                </li>
                            </#if>
                        </#if>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="user-info">
                <div style="border-bottom: 1px solid #ccc;padding: 10px">
                    <div class="user-info-img">
                        <img src="${member_user.img}">
                    </div>
                    <div class="user-info-name">
                        <h5>${member_user.username}</h5>
                    </div>
                </div>
                <div class="user-info-work">
                    <ul>
                        <li><a href="${server}/member/${member_user.username}/works"><span
                                class="user-info-work-number">${member_user.workNumber!"0"}</span>作品</a></li>
                        <li><a href="${server}/member/${member_user.username}/comments"><span
                                class="user-info-work-number">${member_user.commentNumber!"0"}</span>评论</a></li>
                        <li><a href="${server}/member/${member_user.username}/collections"><span
                                class="user-info-work-number">${member_user.collectionNumber!"0"}</span>收藏</a></li>
                        <li><a href="${server}/member/${member_user.username}/recommends"><span
                                class="user-info-work-number">${member_user.recommendNumber!"0"}</span>推荐</a></li>
                    </ul>
                </div>
                <div class="user-info-describe-word">
                    <span>个性签名：</span>${member_user.sign!""}
                </div>

                <div class="user-info-describe-word">
                    <span>专业：</span>${member_user.college!""}&nbsp;${member_user.major!""}&nbsp;${member_user.classes!""}
                </div>
            </div>
        </div>
    </div>
</div>
<#include "include/main-footer.ftl">
</body>
</html>